<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="Kaching_twitter.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Web Application Starter Project</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <!-- script type="text/javascript" language="javascript" src="kaching_twitter/kaching_twitter.nocache.js"></script -->
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <!-- iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe -->

    <h1><a href="http://www.kaching.com">KaChing</a> - <a href="http://twitter.com/kc_trade">Twitter</a></h1>
    <h2>Trade from your twitter account!</h2>
    <h3>Guidlines:</h3>
<ul>
  <li>Before the $$ sign order does not matter</li>
  <li>Text after the $$ sign is ignored</li>
  <li>An order is composed by</li>
  <ul>
    <li>action: buy, sell, short, cover</li>
    <li>amount: number (e.g. 100)</li>
    <li>dollar sign followed by a ticker name: number (e.g. $GOOG)</li>
    <li>price - optionl, only if its a limit type action: number (e.g. $100)</li>
  </ul>
</ul>
    <table>
      <tr>
        <td colspan="2" style="font-weight:bold;">Examples</td>        
      </tr>
      <tr>
        <td style="font-weight:bold;">Action</td>        
        <td style="font-weight:bold;">Tweet Example</td>        
      </tr>
      <tr>
        <td>Sell</td>
        <td>
            <a href="http://twitter.com/kc_trade">@kc_trade</a> sell 100 $IBM $100 $$ Some comment</br> 
            <a href="http://twitter.com/kc_trade">@kc_trade</a> sell $IBM 100 $100</br> 
            <a href="http://twitter.com/kc_trade">@kc_trade</a> sell 100 $IBM @100</br> 
            <a href="http://twitter.com/kc_trade">@kc_trade</a> $IBM sell 100 @100</td>
      </tr>
      <tr>
        <td>Buy</td>
        <td>
            <a href="http://twitter.com/kc_trade">@kc_trade</a> buy 100 $GOOG $100 $$ Some comment</br> 
            <a href="http://twitter.com/kc_trade">@kc_trade</a> buy $GOOG 100 $100</br>
            <a href="http://twitter.com/kc_trade">@kc_trade</a>  100 long $GOOG @100</br> 
            <a href="http://twitter.com/kc_trade">@kc_trade</a> $GOOG 100 @100 buy</td>
      </tr>
    </table>
    
    <!-- table align="center">
      <tr>
        <td colspan="2" style="font-weight:bold;">Please enter your name:</td>        
      </tr>
      <tr>
        <td id="nameFieldContainer"></td>
        <td id="sendButtonContainer"></td>
      </tr>
    </table -->
  </body>
</html>
